<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Angular 2 QuickStart</title>
    <script type="text/javascript" src="node_modules/core-js/client/shim.min.js"></script>
    <script type="text/javascript" src="node_modules/zone.js/dist/zone.js"></script>
    <script type="text/javascript" src="node_modules/reflect-metadata/Reflect.js"></script>
    <script type="text/javascript" src="node_modules/systemjs/dist/system.src.js"></script>
    <script src="systemjs.config.js"></script>
    <script>
        System.import('app').catch(function (err) {console.error(err);});
    </script>


    <link id="callCss" rel="stylesheet" href="prototype/themes/bootshop/bootstrap.min.css" media="screen"/>
    <link href="prototype/themes/css/base.css" rel="stylesheet" media="screen"/>
    <link href="prototype/themes/css/bootstrap-responsive.min.css" rel="stylesheet"/>
    <link href="prototype/themes/css/font-awesome.css" rel="stylesheet" type="text/css">
    <link href="prototype/themes/js/google-code-prettify/prettify.css" rel="stylesheet"/>
    <link rel="shortcut icon" href="prototype/themes/images/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="prototype/themes/images/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="prototype/themes/images/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="prototype/themes/images/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="prototype/themes/images/ico/apple-touch-icon-57-precomposed.png">
    <style type="text/css" id="enject"></style>


</head>
<body>
    <my-app>init...</my-app>
    <div id="secectionBox">
        <link media="screen" type="text/css" href="prototype/themes/switch/themeswitch.css" rel="stylesheet">
        <script charset="utf-8" type="text/javascript" src="prototype/themes/switch/theamswitcher.js"></script>
        <div id="themeContainer">
            <div class="themeTitle" id="hideme">Style Selector</div>
            <div class="themeName">Oregional Skin</div>
            <div class="images style">
                <a name="bootshop" href="prototype/themes/css/#"><img class="active" alt="bootstrap business templates" src="prototype/themes/switch/images/clr/bootshop.png"></a>
                <a name="businessltd" href="prototype/themes/css/#"><img class="active" alt="bootstrap business templates" src="prototype/themes/switch/images/clr/businessltd.png"></a>
            </div>
            <div class="themeName">Bootswatch Skins (11)</div>
            <div class="images style">
                <a title="Amelia" name="amelia" href="prototype/themes/css/#"><img alt="bootstrap business templates" src="prototype/themes/switch/images/clr/amelia.png"></a>
                <a title="Spruce" name="spruce" href="prototype/themes/css/#"><img alt="bootstrap business templates" src="prototype/themes/switch/images/clr/spruce.png"></a>
                <a title="Superhero" name="superhero" href="prototype/themes/css/#"><img alt="bootstrap business templates" src="prototype/themes/switch/images/clr/superhero.png"></a>
                <a name="cyborg" href="prototype/themes/css/#"><img alt="bootstrap business templates" src="prototype/themes/switch/images/clr/cyborg.png"></a>
                <a name="cerulean" href="prototype/themes/css/#"><img alt="bootstrap business templates" src="prototype/themes/switch/images/clr/cerulean.png"></a>
                <a name="journal" href="prototype/themes/css/#"><img alt="bootstrap business templates" src="prototype/themes/switch/images/clr/journal.png"></a>
                <a name="readable" href="prototype/themes/css/#"><img alt="bootstrap business templates" src="prototype/themes/switch/images/clr/readable.png"></a>
                <a name="simplex" href="prototype/themes/css/#"><img alt="bootstrap business templates" src="prototype/themes/switch/images/clr/simplex.png"></a>
                <a name="slate" href="prototype/themes/css/#"><img alt="bootstrap business templates" src="prototype/themes/switch/images/clr/slate.png"></a>
                <a name="spacelab" href="prototype/themes/css/#"><img alt="bootstrap business templates" src="prototype/themes/switch/images/clr/spacelab.png"></a>
                <a name="united" href="prototype/themes/css/#"><img alt="bootstrap business templates" src="prototype/themes/switch/images/clr/united.png"></a>
                <p style="margin:0;line-height:normal;margin-left:-10px;display:none;"><small>These are just examples and you can build your own color scheme in the backend.</small></p>
            </div>
            <div class="themeName">Background Patterns </div>
            <div class="images patterns">
                <a name="pattern1" href="prototype/themes/css/#"><img class="active" alt="bootstrap business templates" src="prototype/themes/switch/images/pattern/pattern1.png"></a>
                <a name="pattern2" href="prototype/themes/css/#"><img alt="bootstrap business templates" src="prototype/themes/switch/images/pattern/pattern2.png"></a>
                <a name="pattern3" href="prototype/themes/css/#"><img alt="bootstrap business templates" src="prototype/themes/switch/images/pattern/pattern3.png"></a>
                <a name="pattern4" href="prototype/themes/css/#"><img alt="bootstrap business templates" src="prototype/themes/switch/images/pattern/pattern4.png"></a>
                <a name="pattern5" href="prototype/themes/css/#"><img alt="bootstrap business templates" src="prototype/themes/switch/images/pattern/pattern5.png"></a>
                <a name="pattern6" href="prototype/themes/css/#"><img alt="bootstrap business templates" src="prototype/themes/switch/images/pattern/pattern6.png"></a>
                <a name="pattern7" href="prototype/themes/css/#"><img alt="bootstrap business templates" src="prototype/themes/switch/images/pattern/pattern7.png"></a>
                <a name="pattern8" href="prototype/themes/css/#"><img alt="bootstrap business templates" src="prototype/themes/switch/images/pattern/pattern8.png"></a>
                <a name="pattern9" href="prototype/themes/css/#"><img alt="bootstrap business templates" src="prototype/themes/switch/images/pattern/pattern9.png"></a>
                <a name="pattern10" href="prototype/themes/css/#"><img alt="bootstrap business templates" src="prototype/themes/switch/images/pattern/pattern10.png"></a>

                <a name="pattern11" href="prototype/themes/css/#"><img alt="bootstrap business templates" src="prototype/themes/switch/images/pattern/pattern11.png"></a>
                <a name="pattern12" href="prototype/themes/css/#"><img alt="bootstrap business templates" src="prototype/themes/switch/images/pattern/pattern12.png"></a>
                <a name="pattern13" href="prototype/themes/css/#"><img alt="bootstrap business templates" src="prototype/themes/switch/images/pattern/pattern13.png"></a>
                <a name="pattern14" href="prototype/themes/css/#"><img alt="bootstrap business templates" src="prototype/themes/switch/images/pattern/pattern14.png"></a>
                <a name="pattern15" href="prototype/themes/css/#"><img alt="bootstrap business templates" src="prototype/themes/switch/images/pattern/pattern15.png"></a>

                <a name="pattern16" href="prototype/themes/css/#"><img alt="bootstrap business templates" src="prototype/themes/switch/images/pattern/pattern16.png"></a>
                <a name="pattern17" href="prototype/themes/css/#"><img alt="bootstrap business templates" src="prototype/themes/switch/images/pattern/pattern17.png"></a>
                <a name="pattern18" href="prototype/themes/css/#"><img alt="bootstrap business templates" src="prototype/themes/switch/images/pattern/pattern18.png"></a>
                <a name="pattern19" href="prototype/themes/css/#"><img alt="bootstrap business templates" src="prototype/themes/switch/images/pattern/pattern19.png"></a>
                <a name="pattern20" href="prototype/themes/css/#"><img alt="bootstrap business templates" src="prototype/themes/switch/images/pattern/pattern20.png"></a>

            </div>
        </div>
    </div>
    <span id="themesBtn"></span>
</body>
</html>
